<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>登录页面</title>
    <link rel="stylesheet" type="text/css" href="/main/css/login.html.css"/>
    <script  type="text/javascript" src="/common/js/boot.js"></script>
    <script type="text/javascript" src="/common/js/layer/layer.js"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</head>
<body id="wrapper">
    <header>
            <h2><span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
                花开花落花折时?</h2>

            <div class="div-right" style="margin-right: 27px;margin-top: -26px;">
                <a shape="rect" style="border-left:none;" href="#">网站首页</a>
                &nbsp;&nbsp;
                <a shape="rect" href="#" onclick="helpText()">帮助与文档</a>
                &nbsp;&nbsp;
                <a shape="rect" target="_blank" href="#">客服电话:400-888-7401</a>
            </div>
        </header>
    <section>
            <div id="login" >
                <form id="form" method="post" action="/user/login" class="mb-lg">
                    <div>
                        <span style="font-size: 2em;color: cornflowerblue;float:left; padding:20px 115px">登录</span>
                    </div>
                    <div class="form-group" style="margin-left: 16px;">
                            <span class="text">账&nbsp;户: </span>
                            <input class="form-control" name="name" type="text" style="width: 220px;display: inline;"/>
                            <span class="text">密&nbsp;码:</span>
                            <input class="form-control" name="password" type="password" style="width: 220px;display: inline;margin-top: 17px;"/>
                    </div>
                    <div class="register" style="margin-left: 59px;">
                        <span class="pull-left">还没有帐号？
                            <a href="" class="zhuce-href" shape="rect">立即注册</a>
                        </span>
                        &nbsp;&nbsp;
                        <a href="" target="_blank" class="forger-pas" shape="rect">忘记密码</a>
                    </div>
                    <div class="form-group" id="btn">
                        <button name="login" type="submit" class="btn btn-primary" style=" width: 179px;
                             height: 45px;margin-left: 10px;" aria-label="Left Align">
                            <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> 登录
                        </button>
                    </div>
                </form>
            </div>
        </section>
    <footer>
            <div class="layui-main" style="width: auto;text-align: center">
                <p>
                    <h4>COPYRIGHT © 2017 Json.Guo GOOD LUCK TO YOU   技术支持：JsonGuo 访问量：8888</h4>
                </p>
                <p>
                    <a id="pay" href="javascript:void(0)" onclick="Pay();">捐赠作者</a>
                    &nbsp;&nbsp;
                    <a id="git" target="_blank" href="https://git.oschina.net/bestgl/springboot">Git仓库</a>
                    &nbsp;&nbsp;
                    <a id="weibo" href="javascript:void(0)">微博</a>
                    &nbsp;&nbsp;
                    <a id="weixin" href="javascript:void(0)">微信公众号</a>
                </p>
            </div>
        </footer>
</body>
<script type="text/javascript">
    function helpText() {
        layer.open({
            type: 1
            ,offset: 't' //具体配置参考：offset参数项
            ,content: '<div style="padding: 20px 80px;">开发中</div>'
            ,btn: '关闭全部'
            ,btnAlign: 'c' //按钮居中
            ,shade: 0 //不显示遮罩
            ,yes: function(){
                layer.closeAll();
            }
        });
    }
    function Pay() {
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            area: ['630px', '360px'],
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: '<img src="/main/image/h1.jpg" alt="dd"/>'
        });
    }
</script>
</html>